const template = `
	<div class="report">
		<van-nav-bar
		  title="移动报表"
		  left-arrow
		  @click-left="onBack"
		/>
		<div class="">
			<ul>
				<li v-for="(type,index) in list" :key="index" class="report-type-item">
					<div class="report-type-item__title">
						<span class="text">
							{{ type.name }}
						</span>
					</div>
					<div class="report-type-item__content">
						<a v-for="(item,itemIndex) in type.children" :key="itemIndex" class="report-item">
							<span class="report-item__img" :data-report-type="item.type"></span>
							<span class="report-item__text">
								{{ item.name }}
							</span>
						</a>
					</div>
					<van-divider />
				</li>
			</ul>
		</div>
	</div>
`;

export default {
	data() {
		return {
			list: [
				{
					name: '流量液位压力',
					children: [
						{
							name: '年报表',
							type: 'year',
						},
						{
							name: '月报表',
							type: 'month',
						},
						{
							name: '日报表',
							type: 'day',
						}
					]
				},
				{
					name: '配水报表',
					children: [
						{
							name: '成本报表',
							type: 'cost',
						},
						{
							name: '年报表',
							type: 'year',
						},
						{
							name: '月报表',
							type: 'month',
						},
						{
							name: '日报表',
							type: 'day',
						}
					]
				},
				{
					name: '取水报表',
					children: [
						{
							name: '成本报表',
							type: 'cost',
						},
						{
							name: '年报表',
							type: 'year',
						},
						{
							name: '月报表',
							type: 'month',
						},
						{
							name: '日报表',
							type: 'day',
						},
					]
				},
			]
		}
	},
	methods: {
		onBack() {
			this.$router.go(-1)
		},
	},
	
	template,
	
	components: {
		
	}
	
}